<script src="javascript/lightbox/prototype.js" type="text/javascript"></script>
<script src="javascript/lightbox/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="javascript/lightbox/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript">
        // Automagically load Lightbox on Page Load - by Bramus! (http://www.bram.us/)
        // Code modded from http://www.huddletogether.com/forum/comments.php?DiscussionID=1269&page=1#Item_0
        function autoFireLightbox() {
            //Check if location.hash matches a lightbox-anchor. If so, trigger popup of image.
            setTimeout(function() {
                if(document.location.hash && $(document.location.hash.substr(1)).rel.indexOf('lightbox')!=-1) {
                    myLightbox.start($(document.location.hash.substr(1)));
                }},
                250
            );
        }
        Event.observe(window,'load', autoFireLightbox, false);
</script>
<html>
<a href="popupimage/image-1.jpg" rel="lightbox" id="image001"><img src="popupimage/image-1.jpg" width="100" height="40" alt="" /></a>
</html>